<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html manifest="desktop/OfflineApp.manifest">
<head>
    <!--[if IE]><script>document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/desktop/') + '"/>')</script><![endif]-->
    <base href="desktop/">
    <script id="DC_baseScript">if(navigator.userAgent.indexOf('AppleWebKit/') == -1) document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/desktop/') + '"/>')</script>
    <title>CRANE - Login</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link rel="stylesheet" href="login.css">
    <link rel="stylesheet" type="text/css" href="../Parts/Transitions.css">
    <link rel="stylesheet" type="text/css" href="../Parts/ActivityIndicator.css">
    <link rel="icon" href="Images/Favicon.ico" sizes="32x32 16x16">
    <script type="text/javascript" src="../jquery/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="../jquery-ui/jquery-ui.min.js" charset="utf-8"></script>
    <!--
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" charset="utf-8"></script>
    !-->
    <script type="text/javascript" src="Parts/parts.js" charset="utf-8"></script>
    <script type="text/javascript" src="login.js" charset="utf-8"></script>
</head>
<body apple-always-show-guides="true" onkeydown="onKeyDown(event)">
    <div id="topLevelContainer" apple-part="com.apple.Dashcode.part.box" apple-always-show-guides="true">
        <div id="titleBox" apple-part="com.apple.Dashcode.part.box" apple-always-show-guides="true">
            <div id="logo" apple-part="com.apple.Dashcode.part.imageLayout" apple-group="logo" apple-always-show-guides="true">
                <img apple-always-show-guides="true"></div>
            <div id="logoText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;" apple-always-show-guides="true"></div>
            <div id="toggleButton" apple-part="com.apple.Dashcode.part.lozengepushbutton" class="apple-no-children" apple-text-overflow="ellipsis" apple-style="image-theme: 1; image-shape: 1; image-button-type: 0; image-opacity: 1.00; image-top-color: 1,1,1,1; image-bottom-color: 0.521897793,0.521897793,0.521897793,1; image-radius: 8,8,8,8; image-border: 1; image-border-color: 0,0,0,0.2; image-border-width: 1; shine-on: 1; shine-strength: 0.17; shine-alpha-level: 0.04; shine-height: 0.50; glass-arc-height: 0.00; embossed-on: 0; embossed-depth: 1; embossed-shadow: 0.68; embossed-highlight: 0.3; shadow-include-shadow: 0;" apple-always-show-guides="true"></div>
            <div id="wikiButton" apple-part="com.apple.Dashcode.part.lozengepushbutton" class="apple-no-children" apple-text-overflow="ellipsis" apple-style="image-theme: 1; image-shape: 1; image-button-type: 0; image-opacity: 1.00; image-top-color: 1,1,1,1; image-bottom-color: 0.521897793,0.521897793,0.521897793,1; image-radius: 8,8,8,8; image-border: 1; image-border-color: 0,0,0,0.2; image-border-width: 1; shine-on: 1; shine-strength: 0.17; shine-alpha-level: 0.04; shine-height: 0.50; glass-arc-height: 0.00; embossed-on: 0; embossed-depth: 1; embossed-shadow: 0.68; embossed-highlight: 0.3; shadow-include-shadow: 0;" apple-always-show-guides="true"></div>
        </div>
        <div id="loginSignupViewStackLayout" apple-part="com.apple.Dashcode.part.StackLayout" apple-always-show-guides="true"><div id="loginView" apple-part-locked="true" apple-always-show-guides="true">
                <div id="loginPanel" apple-part="com.apple.Dashcode.part.roundedrectanglewebshape" apple-style="image-theme: 1; image-shape: 3; image-button-type: 3; image-opacity: 1.00; image-top-color: 0.400000006,0.400000006,1,1; image-bottom-color: 0.501960814,0,1,1; gradient-hue-diff: -9.39961442e-11; gradient-bri-diff: 0.384600013; image-radius: 10,10,10,10; image-border: 0; image-border-color: 0.5294,0.5294,0.5294,1; image-border-width: 1; shine-on: 1; shine-strength: 0.90; shine-alpha-level: 0.30; shine-height: 0.25; glass-arc-height: -0.10; embossed-on: 0; embossed-depth: 1; embossed-shadow: 0.68; embossed-highlight: 1; shadow-include-shadow: 0;" apple-always-show-guides="true">
                    <div id="loginFormContainer" apple-part="com.apple.Dashcode.part.box" apple-always-show-guides="true">
                        <div id="columnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout" style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 50%; "><div id="loginBlankPlaceholderColumn" apple-part-locked="true" apple-group="columnLayout" apple-always-show-guides="true"></div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout" style="position:relative; display:table-cell; vertical-align: top; width:50%; height: auto;"><div id="loginIndicatorColumn" apple-part-locked="true" apple-group="columnLayout" apple-always-show-guides="true">
                                    <img id="loginActivityIndicator" apple-part="com.apple.Dashcode.part.activityindicator" src="../Images/ActivityIndicator.png" style="-webkit-animation-name: none; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; " apple-always-show-guides="true">
                                </div></div></div>
                        <div id="loginAccountColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout1" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout1" style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 25%; "><div id="loginAccountTextColumn" apple-part-locked="true" apple-group="columnLayout1" apple-always-show-guides="true">
                                    <div id="loginAccountText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;" apple-always-show-guides="true"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout1" style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 75%; "><div id="loginAccountFieldColumn" apple-part-locked="true" apple-group="columnLayout1" apple-always-show-guides="true">
                                    <input id="loginAccountField" type="text" name="login" value="Your login name" class="apple-textfield apple-no-children crane-login-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="loginPasswordColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout2" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout2" id="div"><div id="loginPasswordColumn" apple-part-locked="true" apple-group="columnLayout2" apple-always-show-guides="true">
                                    <div id="loginPasswordText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;" apple-always-show-guides="true"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout2" id="div1"><div id="loginPasswordFieldColumn" apple-part-locked="true" apple-group="columnLayout2" apple-always-show-guides="true">
                                    <input id="loginPasswordField" type="password" name="password" value="Your password" class="apple-textfield apple-no-children crane-login-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="loginColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout3" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout3" style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 76%; "><div id="loginServiceResponseTextLayout" apple-part-locked="true" apple-group="columnLayout3" apple-always-show-guides="true">
                                    <div id="loginServerResponseText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout3" style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 24%; "><div id="loginButtonColumn" apple-part-locked="true" apple-group="columnLayout3" apple-always-show-guides="true">
                                    <div id="loginButon" apple-part="com.apple.Dashcode.part.pushbutton" class="apple-no-children" apple-text-overflow="ellipsis" apple-style="image-theme: 0; image-shape: 3; image-button-type: 0; image-opacity: 1.00; image-top-color: 0.250980407,0,0.501960814,1; image-bottom-color: 1,1,1,1; image-radius: 5,5,5,5; image-border: 1; image-border-color: 0,0,0,0.2; image-border-width: 1; shine-on: 1; shine-strength: 0.17; shine-alpha-level: 0.04; shine-height: 0.50; glass-arc-height: 0.00; embossed-on: 1; embossed-depth: 1; embossed-shadow: 0.68; embossed-highlight: 0.3; shadow-include-shadow: 0;"></div>
                                </div></div></div>
                    </div>
                </div>
            </div><div id="signupView" apple-part-locked="true" class="crane-login-text-field" apple-always-show-guides="true">
                <div id="signupPanel" apple-part="com.apple.Dashcode.part.roundedrectanglewebshape" apple-style="image-theme: 0; image-shape: 3; image-button-type: 3; image-opacity: 1.00; image-top-color: 1,0.400000006,0.400000006,1; image-bottom-color: 0.400000006,1,1,1; gradient-link: 1; gradient-hue-diff: -0.0261870846; gradient-sat-diff: -0.200823814; gradient-bri-diff: 0.384600013; image-radius: 10,10,10,10; image-border: 0; image-border-color: 0.5294,0.5294,0.5294,1; image-border-width: 1; shine-on: 1; shine-strength: 0.90; shine-alpha-level: 0.30; shine-height: 0.12; glass-arc-height: -0.05; embossed-depth: 1; embossed-shadow: 0.68; embossed-highlight: 1; shadow-include-shadow: 0;" apple-always-show-guides="true">
                    <div id="signupFormContainer" apple-part="com.apple.Dashcode.part.box" apple-always-show-guides="true">
                        <div id="signupIndicatorColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout4" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout4" style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 50%; "><div id="signupBlankPlaceHolderColumn" apple-part-locked="true" apple-group="columnLayout4" apple-always-show-guides="true"></div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout4" style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 50%; "><div id="signupActivityIndicatorColumn" apple-part-locked="true" apple-group="columnLayout4" apple-always-show-guides="true">
                                    <img id="signupActivityIndicator" apple-part="com.apple.Dashcode.part.activityindicator" src="../Images/ActivityIndicator.png" style="-webkit-animation-name: none; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; " apple-always-show-guides="true">
                                </div></div></div>
                        <div id="singupAccountColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout5" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout5" id="div2"><div id="singupAccountTextColumn" apple-part-locked="true" apple-group="columnLayout5" apple-always-show-guides="true">
                                    <div id="signupAccountText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout5" id="div3"><div id="singupAccountFieldCoulmn" apple-part-locked="true" apple-group="columnLayout5" apple-always-show-guides="true">
                                    <input id="signupAccountField" type="text" name="login" value="Your prefered login name" class="apple-textfield apple-no-children crane-signup-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="signupFirstNameColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout6" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout6" id="div4"><div id="signupFirstNameTextColumn" apple-part-locked="true" apple-group="columnLayout6" apple-always-show-guides="true">
                                    <div id="signupFirstNameText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout6" id="div5"><div id="signupFirstNameFieldColumn" apple-part-locked="true" apple-group="columnLayout6" apple-always-show-guides="true">
                                    <input id="signupFirstNameField" type="text" name="firstName" value="Your first name" class="apple-textfield apple-no-children crane-signup-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="signupLastNameColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout7" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout7" id="div6"><div id="signupLastNameTextColumn" apple-part-locked="true" apple-group="columnLayout7" apple-always-show-guides="true">
                                    <div id="signupLastNameText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout7" id="div7"><div id="signupLastNameFieldColumn" apple-part-locked="true" apple-group="columnLayout7" apple-always-show-guides="true">
                                    <input id="signupLastNameField" type="text" name="lastName" value="Your last name" class="apple-textfield apple-no-children crane-signup-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="signupUserNameColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout8" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout8" id="div8"><div id="signupUserNameTextColumn" apple-part-locked="true" apple-group="columnLayout8" apple-always-show-guides="true">
                                    <div id="signupEmailText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout8" id="div9"><div id="signupUserNameFieldColumn" apple-part-locked="true" apple-group="columnLayout8" apple-always-show-guides="true">
                                    <input id="signupEmailField" type="email" pattern="[^ @]*@[^ @]*" name="email" value="your_email@provider.com" class="apple-textfield apple-no-children crane-signup-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="signupServiceTypeColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout9" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout9" id="div10"><div id="signupServiceTypeTextColumn" apple-part-locked="true" apple-group="columnLayout9">
                                    <div id="signupServiceTypeText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout9" id="div11"><div id="signupServiceTypeCheckboxColumn" apple-part-locked="true" apple-group="columnLayout9">
                                    <div id="signupServiceTypeIaaSCheckboxContainer" apple-part="com.apple.Dashcode.part.checkboxbutton" apple-group="checkbox">
                                        <input type="checkbox" name="IaaS" checked="checked" apple-part="com.apple.Dashcode.part.input" id="signupServiceTypeIaaSCheckbox" apple-group="checkbox">
                                        <div id="signupServiceTypeIaaSLabel">Infrustructure</div>
                                    </div>
                                    <div id="signupServiceTypeHPCCheckboxContainer" apple-part="com.apple.Dashcode.part.checkboxbutton" apple-group="checkbox1">
                                        <input type="checkbox" name="HPC" checked="checked" apple-part="com.apple.Dashcode.part.input" id="signupServiceTypeHPCCheckbox" apple-group="checkbox1">
                                        <div id="signupServiceTypeHPCLabel">HPC Service</div>
                                    </div>
                                    <div id="signupServiceTypeWebHostingCheckboxContainer" apple-part="com.apple.Dashcode.part.checkboxbutton" apple-group="checkbox2">
                                        <input type="checkbox" name="webHosting" checked="checked" apple-part="com.apple.Dashcode.part.input" id="signupServiceTypeWebHostingCheckbox" apple-group="checkbox2" value="">
                                        <div id="signupServiceTypeWebHostingLabel">Webapp Hosting</div>
                                    </div>
                                </div></div></div>
                        <div id="signupPasswordColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout10" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout10" id="div12"><div id="singupPasswordTextColumn" apple-part-locked="true" apple-group="columnLayout10" apple-always-show-guides="true">
                                    <div id="signupPasswordText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout10" id="div13"><div id="signupPasswordFieldColumn" apple-part-locked="true" apple-group="columnLayout10" apple-always-show-guides="true">
                                    <input id="signupPasswordField" type="password" name="password" value="your_password" class="apple-textfield apple-no-children crane-signup-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="signupPasswordConfirmColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout11" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout11" id="div14"><div id="signupPasswordConfirmTextColumn" apple-part-locked="true" apple-group="columnLayout11" apple-always-show-guides="true">
                                    <div id="signupPasswordConfirmText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout11" id="div15"><div id="signupPasswordConfirmFieldColumn" apple-part-locked="true" apple-group="columnLayout11" apple-always-show-guides="true">
                                    <input id="signupPasswordConfirmField" type="password" name="passwordConfirm" value="your-password" class="apple-textfield apple-no-children crane-signup-text-field" apple-part="com.apple.Dashcode.part.textfield" apple-always-show-guides="true">
                                </div></div></div>
                        <div id="signupColumnLayout" apple-part="com.apple.Dashcode.part.ColumnLayout" apple-group="columnLayout13" apple-always-show-guides="true">
                            <div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout13" id="div16"><div id="signupServerResponseTextColumn" apple-part-locked="true" apple-group="columnLayout13" apple-always-show-guides="true">
                                    <div id="signupServerResponseText" apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" apple-default-image-visibility="hidden" apple-text-overflow="ellipsis" apple-style="part-height-dependent: true;part-width-dependent: true;"></div>
                                </div></div><div apple-part-locked="true" class="apple-collapse" apple-group="columnLayout13" id="div17"><div id="signuputtonColumn" apple-part-locked="true" apple-group="columnLayout13" apple-always-show-guides="true">
                                    <div id="signupButton" apple-part="com.apple.Dashcode.part.pushbutton" class="apple-no-children" apple-text-overflow="ellipsis" apple-style="image-theme: 0; image-shape: 3; image-button-type: 0; image-opacity: 1.00; image-top-color: 1,0.416271187,0.0134557141,1; image-bottom-color: 1,1,1,1; image-radius: 5,5,5,5; image-border: 1; image-border-color: 0,0,0,0.2; image-border-width: 1; shine-on: 1; shine-strength: 0.17; shine-alpha-level: 0.04; shine-height: 0.50; glass-arc-height: 0.00; embossed-on: 1; embossed-depth: 1; embossed-shadow: 0.68; embossed-highlight: 0.3; shadow-include-shadow: 0;"></div>
                                </div></div></div>
                    </div>
                </div>
            </div></div>
    </div>
</body>
</html>
